<template>
  <div class="container">
  <h2><AppTopnav/></h2>
  
  <header>头部</header>
  <main class='main'>
    <!-- 二级路由 -->
    <router-view></router-view>
  </main>
  <footer>底部</footer>
  <AppTopnav/>
  </div>
</template>
<script>
import AppTopnav from '@/components/app-topnav.vue'
export default {
  name: 'col-layout',
  components:{AppTopnav}
}
</script>
<style lang="css" scoped>
  .main{
    height: 600px;
    background: gainsboro;
    padding: 20px;
  }
</style>